<!--
 * @Author: Liuxin 2849181826@qq.com
 * @Date: 2025-04-09 10:22:28
 * @LastEditors: Liuxin 2849181826@qq.com
 * @LastEditTime: 2025-04-09 10:22:28
 * @FilePath: \node-exe\electron-vite-vue\src\layouts\DefaultLayout.vue
 * @Description: 默认布局，包含头部和主内容区
-->
<script setup lang="ts">
import Header from '../components/Header.vue';
</script>

<template>
  <div class="default-layout">
    <Header />
    <main class="main-content">
      <router-view />
    </main>
  </div>
</template>

<style lang="less" scoped>
.default-layout {
  display: flex;
  flex-direction: column;
  height: 100vh;

  .main-content {
    flex: 1;
    overflow-y: auto;
    background-color: #f0f2f5;
    padding: 20px;
  }
}
</style>
